<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/1/18
  Time: 10:40
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page import="java.util.List" %>
<html>
<head>
    <title>data</title>
    <style>
        body {
            /*background-color: azure;*/
            margin: 0px;
            padding: 0px;

            background: url(picture/images/Girlonthestomach.jpg) no-repeat center center fixed;
            /*兼容浏览器版本*/
            -webkit-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

        .main {
            margin-top: 10%;
            /* border: solid 1px gray; */
            text-align: center;
        }

        .search input {
            height: 30px;
            margin-left: 20px;
            BACKGROUND-COLOR: transparent;
            border-radius: 20px;
            color: white;
        }


        .but {
            /* border: solid 1px; */
            width: 70%;
            height: 10%;
            margin-left: auto;
            margin-right: auto;
        }

        .but input {
            float: right;
        }

        .data {
            /* border: solid 1px red; */
            margin-top: 2%;
        }

        table {
            width: 70%;
            /* border: solid 1px; */
            margin-left: auto;
            margin-right: auto;
        }

        .data th{
            text-align: center;
            font-family:"Times New Roman",Times,serif;
            color: white;
        }

        .data td{
            text-align: center;
            color: #3762bc;
            font-family:"仿宋",Times,serif;
        }

        .data td input {
            border-radius: 20px;
            /*opacity: 0.5;*/
            BACKGROUND-COLOR: transparent;
            color: white;
        }

        .but input {
            width: 60px;
            height: 30px;
            border-radius: 20px;
            /*opacity: 0.5;*/
            BACKGROUND-COLOR: transparent;
            color: white;
        /*    border: 0;  // 去除未选中状态边框*/
        /*outline: none; // 去除选中状态边框*/
        /*background-color: rgba(0, 0, 0, 0);// 透明背景*/
        }
    </style>
</head>
<body>
<div class="main">


    <%--    搜索框--%>
    <div class="search">
        <form name="thisform" method="post" action="search">
            <input class="sea_div" type="search" name="searchVlaue"/>
            <input type="submit" value="搜索"/>
        </form>
    </div>


    <%--    按钮--%>
    <div class="but">
        <a href="add"><input type="button" value="添加"/></a>
        <a href="alter"><input type="button" value="修改"/></a>
    </div>


    <%--    表格--%>
    <div class="data">
        <table border="solid 1px">
            <tr>
                <th>S_ID</th>
                <th>姓名</th>
                <th>年龄</th>
                <th>性别</th>
                <th>地址</th>
                <th>班级</th>
                <th><i>操作</i></th>
            </tr>
            <c:forEach var="stu" items="${student}" varStatus="vs">
                <tr>
                    <td name="td_id">${stu.sId}</td>
                    <td>${stu.name}</td>
                    <td>${stu.age}</td>
                    <td>${stu.gender}</td>
                    <td>${stu.address}</td>
                    <td>${stu.classes}</td>
                    <td><a href="del?id=${stu.sId}"><input type="button" value="删除"/></a></td>
                </tr>
            </c:forEach>
        </table>
    </div>
</div>
<%--<img src="http://master/images/xy.jpg"/>--%>
</body>
</html>